{extend name="common/application" /}
{block name="title"}<title>政务资讯-知产企业</title>{/block}
{block name="css"}

<link rel="stylesheet" type="text/css" href="_CSS_/government.css"/>
<link rel="stylesheet" href="_CSS_/government_details.css"/>
<!--[if lt IE 9]>
<script src="http://www.ijquery.cn/js/html5shiv.js"></script>
<![endif]-->
<style>
    #companyList {
        text-align: center;
        border-collapse: collapse;
        color: #333333;
        font-size: 14px;
    }

    #companyList caption {
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        color: #000000;
        background: grey;
    }

    #companyList, #companyList td {
        padding: 12px 0;
        vertical-align: middle;
        border: 1px solid #b2b2b2;
    }

    #companyList td {
        font-size: 16px;
        width: 403px;
        color: #666666;
    }

    .currentCompany {
        color: #3377C1 !important;
    }

    .agentList {
        margin-top: 76px;
		min-height:240px;
    }

    #agentList caption {
        font-size: 20px;
        margin-bottom: 20px;
    }

    #agentList tr {
        margin-bottom: 54px;
    }

    #agentList td {
        padding: 10px 16px;
        width: 210px;
        font-size: 14px;
        color: #666666;
        text-align: center;
    }
</style>
{/block}
{block name="navbar"}{include file="/common/navbar" /}{/block}
{block name="content"}
<!-- 主体内容 -->
<div class="main">
    <div class="mainBody normalBox clearfix">
        <!--面包屑导航-->
        <div class="breadcrumb">
            <p>当前位置：
                <a href="index.html">政务工作</a> &gt;
                <a href="company.html">知产企业</a>
            </p>
        </div>
        <!--企业名单表-->
        <div class="companyList">
            <table class="table" id="companyList">
                <caption>企业名单表</caption>
                <tr>
                    <td><a class="currentCompany" href="javascript:;" num="1">湖北省获评星级的专利代理人</a></td>
                    <td><a href="javascript:;" num="2">湖北省获评星级的专利代理机构</a></td>
                    <td><a href="javascript:;" num="3">2015年度国家知识产权示范企业名单</a></td>
                </tr>
                <tr>
                    <td><a href="javascript:;" num="4">湖北首批省知识产权双创服务基地建设机构名单</a></td>
                    <td><a href="javascript:;" num="5">湖北省第二批知识产权双创服务基地名单</a></td>
                    <td><a href="javascript:;" num="6">2017年湖北省知识产权海外护航工程单位名单</a></td>
                </tr>
                <tr>
                    <td><a href="javascript:;" num="7">湖北省第一批知识产权示范建设企业名单</a></td>
                    <td><a href="javascript:;" num="8">湖北省第二批知识产权示范建设企业名单</a></td>
                    <td><a href="javascript:;" num="9">湖北省第三批知识产权示范建设企业名单</a></td>
                </tr>
                <tr>
                    <td><a href="javascript:;" num="10">湖北省第四批知识产权示范建设企业名单</a></td>
                    <td><a href="javascript:;" num="11">湖北省第五批知识产权示范建设企业名单</a></td>
                    <td><a href="javascript:;" num="12">湖北省第一批知识产权示范企业名单</a></td>
                </tr>
            </table>
        </div>
        <!--代理人列表-->
        <div class="agentList">
            <table class="table" id="agentList">
                <!--<caption>湖北省获评星级的专利代理人</caption>
                <tr>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                </tr>
                <tr>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                </tr>
                <tr>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                </tr>
                <tr>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                </tr>
                <tr>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                </tr>
                <tr>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                </tr>
                <tr>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                </tr>
                <tr>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                    <td>湖北钟祥金源食品股份有限公司</td>
                </tr>-->
            </table>
        </div>
    </div>
</div>
{/block}


{block name="js"}

<script type="text/javascript">
    $(function () {
        company_list(1);
    });
    $('#companyList').find("a").on("click", function () {
        $('#companyList').find("a").removeClass("currentCompany");
        $(this).addClass("currentCompany");
        var num = $(this).attr('num');
        company_list(num);
    });
  
    function company_list(lot) {
        var val = $('.currentCompany').html();
        $.ajax({
            type: "get",
            url: "/index.php/api/news/company",
            data: {'num': lot},
            dataType: 'jsonp',
            success: function (msg) {
                if (msg.code == 200) {
                    var re = /^[0-9]+$/;
                    var html = '<caption>' + val + '</caption><tr>';
                    var len = msg.data.length;
                    var pages = Math.ceil(len / 5);
                    for (var i = 0; i < msg.data.length; i++) {
                        html += '<td class="text_overflow" title="'+ msg.data[i].name +'">' + msg.data[i].name + '</td>';
                        if (re.test(((i + 1) / 5)) && ((i + 1) / 5) < pages && i != 0) {
                            html += '</tr>';
                            html += '<tr>';
                        }
                    }
                    html += '</tr>';
                    $('#agentList').html(html);
                }
            }
        });
    }

</script>
{/block}
			